<template>
    <div class="coursedetails__wrapper">
        <div class="coursedetails__header">
            <h3>Course Curriculum</h3>
            <div class="coursedetails__info">
                <div class="coursedetails__info-item">
                    <h6>05</h6>
                    <span>Topic</span>
                </div>
                <div class="coursedetails__info-item">
                    <h6>15</h6>
                    <span>Lesson</span>
                </div>
                <div class="coursedetails__info-item">
                    <h6>20</h6>
                    <span>Video</span>
                </div>
            </div>
        </div>
        <div class="coursedetails__curriculum">
            <div class="accordion" id="faqAccordion2">
                <div class="row g-4">
                    <div class="col-12">
                        <div class="accordion__item">
                            <div class="accordion__header" id="faq1">
                                <button class="accordion__button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#faqBody1" aria-expanded="false" aria-controls="faqBody1">
                                    <span class="lesson-name">Course Introduction</span> <span class="lesson"><span
                                            class="lesson-number">Lession 01</span> <span class="plus-icon"></span>
                                    </span>
                                </button>
                            </div>
                            <div id="faqBody1" class="accordion-collapse collapse" aria-labelledby="faq1"
                                data-bs-parent="#faqAccordion1">
                                <div class="accordion__body">
                                    <ul class="overview-list">
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 1
                                                Introduction to HTML</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 2 HTML
                                                Syntax</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 3 HTML
                                                Common Tags</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 4 HTML
                                                Bold-Underline & Italic tag</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 5 HTML
                                                Comments</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 6 HTML
                                                Form</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 7 HTML
                                                List Items</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 8
                                                HTML</a> </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="accordion__item">
                            <div class="accordion__header" id="faq2">
                                <button class="accordion__button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#faqBody2" aria-expanded="false" aria-controls="faqBody2">
                                    <span class="lesson-name">Tools and software</span> <span class="lesson"><span
                                            class="lesson-number">Lession 02</span> <span class="plus-icon"></span>
                                    </span>
                                </button>
                            </div>
                            <div id="faqBody2" class="accordion-collapse collapse" aria-labelledby="faq2"
                                data-bs-parent="#faqAccordion1">
                                <div class="accordion__body">
                                    <ul class="overview-list">
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 1
                                                Introduction to HTML</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 2 HTML
                                                Syntax</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 3 HTML
                                                Common Tags</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 4 HTML
                                                Bold-Underline & Italic tag</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 5 HTML
                                                Comments</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 6 HTML
                                                Form</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 7 HTML
                                                List Items</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 8
                                                HTML</a> </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="accordion__item">
                            <div class="accordion__header" id="faq3">
                                <button class="accordion__button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#faqBody3" aria-expanded="true" aria-controls="faqBody3">
                                    <span class="lesson-name">HTML</span> <span class="lesson"><span
                                            class="lesson-number">Lession 03</span> <span class="plus-icon"></span>
                                    </span>
                                </button>
                            </div>
                            <div id="faqBody3" class="accordion-collapse collapse show" aria-labelledby="faq3"
                                data-bs-parent="#faqAccordion1">
                                <div class="accordion__body">
                                    <ul class="overview-list">
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 1
                                                Introduction to HTML</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 2 HTML
                                                Syntax</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 3 HTML
                                                Common Tags</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 4 HTML
                                                Bold-Underline & Italic tag</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 5 HTML
                                                Comments</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 6 HTML
                                                Form</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 7 HTML
                                                List Items</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 8
                                                HTML</a> </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="accordion__item">
                            <div class="accordion__header" id="faq4">
                                <button class="accordion__button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#faqBody4" aria-expanded="false" aria-controls="faqBody4">
                                    <span class="lesson-name">CSS</span> <span class="lesson"><span
                                            class="lesson-number">Lession 04</span> <span class="plus-icon"></span>
                                    </span>
                                </button>
                            </div>
                            <div id="faqBody4" class="accordion-collapse collapse" aria-labelledby="faq4"
                                data-bs-parent="#faqAccordion1">
                                <div class="accordion__body">
                                    <ul class="overview-list">
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 1
                                                Introduction to HTML</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 2 HTML
                                                Syntax</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 3 HTML
                                                Common Tags</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 4 HTML
                                                Bold-Underline & Italic tag</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 5 HTML
                                                Comments</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 6
                                                Hdata-bs-parent="#faqAccordion1"TML
                                                Form</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 7 HTML
                                                List Items</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 8
                                                HTML</a> </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="accordion__item">
                            <div class="accordion__header" id="faq5">
                                <button class="accordion__button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#faqBody5" aria-expanded="false" aria-controls="faqBody5">
                                    <span class="lesson-name">Creating Website</span> <span class="lesson"><span
                                            class="lesson-number">Lession 05</span> <span class="plus-icon"></span>
                                    </span>
                                </button>
                            </div>
                            <div id="faqBody5" class="accordion-collapse collapse" aria-labelledby="faq5"
                                data-bs-parent="#faqAccordion1">
                                <div class="accordion__body">
                                    <ul class="overview-list">
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 1
                                                Introduction to HTML</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 2 HTML
                                                Syntax</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 3 HTML
                                                Common Tags</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 4 HTML
                                                Bold-Underline & Italic tag</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 5 HTML
                                                Comments</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 6 HTML
                                                Form</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 7 HTML
                                                List Items</a> </li>
                                        <li> <a href="javascript:void(0);" data-fslightbox><i
                                                    class="fa-regular fa-circle-play"></i> 8
                                                HTML</a> </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style></style>